<script setup>
</script>

<template>
  <RouterView />
  <!-- <RouterView v-slot="{ Component }">
    <Transition name="router-slide" mode="out-in">
      <Component :is="Component" />
    </Transition>
  </RouterView> -->
</template>

<style lang="scss" scoped>
// .router-fade-enter-active,
// .router-fade-leave-active {
//   transition: opacity 0.2s ease;
// }

// .router-fade-enter-from,
// .router-fade-leave-to {
//   opacity: 0;
// }

// .router-slide-enter-active {
//   transition: all 0.3s ease;
// }
// .router-slide-leave-active {
//   transition: all 0.3s ease;
// }
// .router-slide-enter-from {
//   transform: translateX(100%);
//   opacity: 0;
// }
// .router-slide-leave-to {
//   transform: translateX(-100%);
//   opacity: 0;
// }
</style>
